{% extends "study_logs/base.html" %}

{% block header %}
    <h1>Topics</h1>
{% endblock header %}

{% block content %}
<p>Topics</p>
<ul>
    {% for topic in topics %}
    <li>
        <h3>
            <a href="{% url 'study_logs:topic' topic.id %}">{{ topic }}</a>
        </h3>
    </li>
    {% empty %}
    <li>No topics have been added yet.</li>
    {% endfor %}
</ul>

<h3><a href="{% url 'study_logs:new_topic' %}">Add new topic</a></h3>
{% endblock content %}
